<%extends file='base.tpl'%>
<%block name='css'%>
<link href="<%static url='/style/common/components.css' type='css'%>" rel="stylesheet" type="text/css">
<%/block%>
<%block name='aside'%>
<ul class="side-nav">
	<li>
		<h2>功能一</h2>
		<ul>
			<li><a href="/welcome/sample/">二级功能</a></li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
		</ul>
	</li>
	<li>
		<h2>功能一</h2>
		<ul>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
		</ul>
	</li>
	<li>
		<h2>功能一</h2>
		<ul>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
		</ul>
	</li>
	<li>
		<h2>功能一</h2>
		<ul>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
			<li>二级功能</li>
		</ul>
	</li>
</ul>
<%/block%>
<%block name='article'%>
	<table class="table1">
	    <thead>
		    <tr>
    			<th>表头1</th>
    			<th>表头1</th>
    			<th>表头1</th>
    			<th>表头1</th>
    			<th>表头1</th>
    		</tr>
		</thead>
        <tfoot>
		    <tr>
    			<td colspan="5"><div class="page"><a href="#1">1</a> <a href="#2">2</a></div></td>
    		</tr>
		</tfoot>
		<tbody id="tbody1">
    		<%foreach $table1 as $item%>
    			<tr class="<%cycle values=',alt'%>">
    			<%foreach $item as $i%>
    				<td><%$i%></td>
    			<%/foreach%>
    			</tr>
    		<%/foreach%>    
		</tbody>
	</table>
	<div class="mod form">
		<form name="validtest" id="validtest" method="get" action="<%#site_url#%>/welcome/vars">
			<ul>
					<li id='li-0001'>
						<label class="k">订单号：</label>
						<input type="text" reqMsg="订单" name="orderId" hintEl='li-0001' placeholder="订单号"><em>如果没有订单号，请填写订单流水号</em>
					</li>
					<li id='li-0002'>
						<label class="k">订单金额：</label>
						<input type="text" dataType="n-7.2" reqMsg="订单金额" id="input-002" name="orderAmount" hintEl='li-0002' placeholder="订单金额">元<em>金额精确到小数点后2位。</em>
					</li>
					<li id='li-00021'>
						<label class="k">数值范围：</label>
						<span class="v"><input type="text" dataType="nrange-7.2" hintEl='li-00021' >到<input type="text" dataType="nrange-7.2" hintEl='li-00021'></span><em>数值范围。</em>
					</li>
					<li id='li-0003'>
						<label class="k">汇入银行：</label>
						<select name=bank reqMsg="汇入银行" hintEl='li-0003'>
							<option value="">请选择银行</option>
							<option value="1">中国银行</option>
							<option value="2">招商银行</option>
						</select>
						<em>请选择银行。</em>
					</li>
					<li id='li-0004'>
						<label class="k">汇款日期：</label>
						<input type="text" dataType="d" minValue="1900-01-01" hintEl='li-0004'><em>输入汇款日期。</em>
					</li>
					<li id='li-0005'>
						<label class="k">日期范围：</label>
						<span class="v"><input name="t1" type="text" dataType="daterange" hintEl='li-0005' maxDateSpan=3 >到<input name="t2" type="text" dataType="daterange" hintEl='li-0005'></span><em>输入日期查询范围(间隔不得超过3天)。</em>
					</li>
					<li id='li-0006'>
						<label class="k">电话或邮箱：</label>
						<span class="v"><input type="text" name="contact" dataType="magic-mobilecode||phone||email" hintEl='li-0006'></span><em>电话号码，手机号码，或电子邮箱地址。</em>
					</li>
				</ul>
			<div class="li btn">
				<input type="submit" value="submit">
			</div>
		</form>
	</div>
<%/block%>
<%block name='ft_js'%>
<script src="<%#res_url#%>/script/components/panel/panel.js"></script>
<script src="<%#res_url#%>/script/components/ajax/ajax.js"></script>
<script src="<%#res_url#%>/script/components/valid/valid.js"></script>
<script>
var dlg = new Dialog({
	caption: 'fwaefwaf',
	content: 'fawfwaef<br>fawfwaef<br>fawfwaef<br>fawfwaef<br>fawfwaef<br>fawfwaef<br>fawfwaef<br>fawfwaef<br>',
	width : 400,
	center : true,
	
});

W('#validtest').ajaxOnSubmit(function(){
	dlg.show();
});
//W('#validtest').on('submit',function(e){
//	console.log(this);
//	e.preventDefault();
//});
var alt = QW.MessageBox.alert({
		caption:'Alert',
		content:'你确定要删除此条记录吗？',
		onclose: function() {
			alert('callback');
		}
	});
	alt.show();
</script>
<%/block%>
<%block name="ft_dom"%>

<%/block%>